<template>
	<el-row>
		<el-col>
			<common-top :mainTitle="global.triageName" separator="——" subtitle="数据统计"></common-top>
		</el-col>
		<el-col :span="3">
			<el-menu
		      default-active="/statistic"
		      :unique-opened="true"
		      :router="true"
		      class="menus">
		      <el-menu-item index="/statistic">
		        <span slot="title">
		        	统计首页
		        </span>
		      </el-menu-item>
		      <el-menu-item index="/statistic/rescue">
		        抢救信息
		      </el-menu-item>
		      <el-menu-item index="/statistic/patientInfo">
		        患者信息
		      </el-menu-item>
		      <el-menu-item index="/statistic/diagnosis">
		        诊断抢救
		      </el-menu-item>
		      <el-menu-item index="/statistic/departments">
		        科室接诊
		      </el-menu-item>
		      <el-submenu index="/statistic/chestPain">
			      <template slot="title">胸痛类</template>
			      <el-menu-item index="/statistic/chestPain">胸痛</el-menu-item>
			      <el-menu-item index="/statistic/coronary">冠心病</el-menu-item>
			  </el-submenu>
		    </el-menu>
		</el-col>
		<el-col :span="21" class="content">
			<router-view></router-view>
		</el-col>
	</el-row>
</template>
<script type="text/javascript">
import CommonTop from '@/components/CommonTop'
	export default{
		name:'Statistic',
		components:{CommonTop}
	}
</script>
<style type="text/css" scoped>
.menus{
		line-height: 60px;
		list-style:none;
		text-align: center;
		text-align: left;
		
	}
	.menus a:link{
		color: #303133;
		text-decoration: none;
	}
	.menus a:hover{
		color: #ff0000;
		font-weight: bolder;
	}
	.menus a:visited{
		color: #303133;
		text-decoration: none;
	}
	.el-menu-item,.el-submenu__title{
		font-size: 12pt!important;
	}
	.el-submenu .el-menu-item{
		min-width: 100%!important;
	}
	.content{
		padding-left: 10px;
		padding-right: 10px;
	}
</style>